<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
	<script
		src="${ctx}/js/controllers/news/cellmanual/CellManualListController.js"
		type="text/javascript">
	</script>
	<div style="top:130px;position:fixed;height:30px;font-size: 14px; font-family: '微软雅黑';margin-left:-236px;">
		当前位置：${sessionScope.currcent_position}
	</div>
<section>
	<div style="margin-top:26px;font-family: '微软雅黑';">
		<div style="height:40px;">
			<div style="height:40px;float:left;">
				<div style="float:left;width:165px; height:40px; background-color:#709DCA; font-size: 18px; color: #FAFCFD; text-align:center;line-height: 40px;">
					<img id="page" src="${ctx }/images/seller/news/trumpet.png" ><span style="margin-left:16px">社区政务</span>
				</div>
				<img id="page" src="${ctx }/images/seller/news/triangle.png" style="margin-top:29px">
			</div>
			
			<!--begin 搜索栏 -->
			<div style="float:right;">
				<div id="searchBox" style="float:left;margin-left:20px;margin-top:2px;">
		            <input id="title" style="width:100%;" type="text" maxlength="20" value="${(not empty title)? title : ''  }" class="input-sm" placeholder="关键字搜索">
		       	</div>
		        <div class="search" style="margin-top:2px;" onclick="getCellManualList();" ><img src="${ctx }/images/seller/goods/search.png" style="margin-left:18px;margin-top:5px;"></div>
	        </div>
			<!--end 搜索栏 -->	
		</div>
		
		<div style="border:1px solid #C5CFDF">
			<div style="padding:15px;" >
				<c:forEach items="${cellManual.list }" var="cellManual" varStatus="cellManualStatus">
					<div style="margin-left: 15px;height:60px;line-height:60px; cursor:pointer" onclick="showDetail(${cellManual.id})">
						<!-- 通知logo -->
                       	<c:if test="${not empty cellManual.logo}">
                    	 	<div style="height: 43px;width: 43px;float: left;">
                    	 		<img style="width: 100%;height: 100%;border-radius: 50%;" src="${sessionScope.image_logo}${cellManual.logo}"/>
                       		</div>
                      	</c:if>
                      	<!-- 默认通知logo -->
                       	<c:if test="${empty cellManual.logo}">
	                     	<div style="height: 43px;width: 43px;float: left;">
	                    	 	<img style="width: 100%;height: 100%;border-radius: 50%;" src="${ctx}/images/seller/news/cellManual-default.png"/>
	                    	</div>
                    	</c:if>
						<span style="font-size: 14px; color: #707070;">&nbsp;&nbsp;${cellManual.title}</span>
						<span style="float: right; margin-right: 10px;">
							<fmt:formatDate value="${cellManual.updateTime}" pattern="yyyy-MM-dd HH:mm"/>
						</span>
					</div>
					<hr style="border:1px solid #DFE7F4;margin-bottom: 0px;">
				</c:forEach>
			</div>
		</div>
			
		<div style="overflow: hidden;">
			<div style="float: right; margin-right: 10px; margin-top: 48px">
				<div style="float: left;">
					<ul class="footer_ul">
						<c:if test="${cellManual.hasPreviousPage }">
							<li onclick="gotoPage(${currentPage-1 });"><a
								style="color: #37CED4">&lt;&lt;</a></li>
						</c:if>
						<c:if test="${cellManual.firstPage > 1}">
							<li onclick="gotoPage(1);"
								style="border: 1px solid #9A9A9A;"><a>1</a></li>
							<c:if test="${cellManual.firstPage > 2}">
                       		...
                       	</c:if>
						</c:if>
						<c:forEach items="${cellManual.navigatepageNums }" var="page">
							<li onclick="gotoPage(${page });"
								class="<c:if test="${currentPage == page }">active</c:if>"
								style="border: 1px solid #9A9A9A;"><a>${page}</a></li>
						</c:forEach>
						<c:if test="${cellManual.lastPage < cellManual.pages}">
							<c:if test="${cellManual.firstPage < cellManual.pages - 1}">
                       		...
                       	</c:if>
							<li onclick="gotoPage(${cellManual.pages});"
								style="border: 1px solid #9A9A9A;"><a>${cellManual.pages}</a>
							</li>
						</c:if>
						<c:if test="${cellManual.hasNextPage }">
							<li><a onclick="gotoPage(${currentPage+1});"
								style="color: #37CED4">&gt;&gt;</a></li>
						</c:if>
					</ul>
				</div>
				<div style="float: left; height: 30px;">
					<span style="color: #9A9A9A;">跳转到</span> 
					<input class="inputclass" id="pageNo" onkeydown="if(event.keyCode==13){event.keyCode=0;return false;}"
						type="text" value="${currentPage }" style="width: 26px; height: 28px" onkeyup = "checInputNum(this)"> 
					<span style="color: #9A9A9A;">页</span> 
					<span class="buttonclass" id="J_JumpTo" onclick="gotoCellManualPage(null);"> <a>GO</a></span>
				</div>
			</div>
		</div>
	</div>
</section>

<script type="text/javascript">
	var ctx = '${ctx}';
	setCtx(ctx);
</script>

<!-- 解决ie 6 7 8 9不能显示placeholder的问题 -->
<script src="${ctx}/js/lib/jquery.JPlaceholder.js"></script>
